@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动*/
img {border:0;	vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#666; text-decoration:none; }
a:hover{color:#C81623;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}

/*公共类*/
.w {  /*版心 提取 */
    width: 1210px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}

/*头部导航开始*/
.shortcut {
    height: 30px;
    line-height:30px;
    background-color: #f1f1f1;
}
.shortcut .dt{
    position: relative;
    padding:0 20px 0 10px;
}

.dt i{
    font: 400 15px/15px '宋体';
    position: absolute;
    top:13px;
    right: 3px;
    width: 15px;
    height: 7px;
    overflow: hidden;
}

.dt i s{
    position: absolute;
    top: -8px;
    left:0;
}


.fr li{
    float: left;
    padding:0 10px;
}

.fr .line{
    width: 1px;
    height:12px;
    background-color: #ddd;
    margin-top:9px;
    padding:0;
}

.shortcut .tel-jd{
    padding:0 20px 0 25px;
}

.phone {
    width: 15px;
    height: 20px;
    position: absolute;
    top: 5px;
    left:5px;
    background: url("../images/sprite.png") no-repeat 0 0;
}

/*京东的topbanner部分*/
.topbanner{
    background-color: #8A25C6;
}

.tp{
    position: relative;
}

.close-banner {
    position: absolute;
    right: 0;
    top: 5px;
    width: 19px;
    height: 19px;
    background: url("../images/close.png") no-repeat 0 0;
}
.close-banner:hover {
    background-position:bottom;
}





.logo {
    width: 360px;
    height: 75px;
    background-color: pink;
    float:left;
    padding-top: 25px;
    background: url(../images/logo.png) no-repeat 0 25px;
    position: relative;
}

.jd-a{
    display: block;
    width: 270px;
    height: 60px;
    text-indent:-2000em;
}

.db11 {
    position: absolute;
    width: 180px;
    height: 80px;
    background-color: pink;
    top: 10px;
    left: 168px;
}

.search {
    width: 538px;
    height: 35px;
    float: left;
    margin-top: 25px;
    font-size: 14px;
    font-family: "微软雅黑";
}

.search input{
    float: left;
    width: 450px;
    height:32px;
    border:2px solid #b61d1d;
    padding-left:4px;
    color: #666;
}

.search button{
    float: left;
    width: 80px;
    height: 35px;
    background-color: #b61d1d;
    color: white;
    cursor: pointer;
}

.shop-car {
    width: 96px;
    float: right;
    padding-left:43px;
    line-height:34px;
    margin:25px 65px 0 0 ;
    border: 1px solid #DFDFDF;
    position: relative;
}

.icon1{
    position: absolute;
    left: 20px;
    top: 10px;
    width:16px;
    height:13px;
    background: url("../images/sprite.png") no-repeat -1px -59px;
}

.icon2{
    font:400 13px/13px simsun;
    position: absolute;
    top:10px;
    right: 10px;
}

.icon3{
    position: absolute;
    top:-4px;
    right: 20px;
    width: 16px;
    height: 14px;
    line-height:14px;
    background-color: #C81623;
    text-align: center;
    color: white;
    border-radius: 6px 6px 6px 0;
}

.hotsearch{
    width: 538px;
    padding: 7px 0;
    float: left;
}

.hotsearch a{
    margin-right: 6px;
}

/*nav 部分*/
.jd-nav{
    width: 100%;
    height: 44px;
    border-bottom: 2px solid #b1191a;
}

.jd-nav a{
    display: block;
    height: 100%;
    font-weight:400;
    line-height:44px;
    font-family: 'Arial', "Microsoft YaHei UI";
}

.dropdown {
    width: 210px;
    height: 44px;
    float: left;
    background-color: #b1191a;
    position: relative;
    z-index: 999;
    overflow: visible;
}

.dropdown .dt{
    height: 44px;
    background-color: #b1191a;
    font-size: 15px;
}

.dropdown .dt a{
    padding-left:10px;
    color: white;
}

.dropdown .dd{
    height:465px;
    background-color: #C81623;
    margin-top: 2px;
}

.dropdown .item-type{
    padding:0 10px;
    height:31px;
    line-height:31px;
    border-left:1px solid #b1191a;
    color: white;
    font-size: 14px;
    font-family: 'Arial', "Microsoft YaHei UI";
}

.dropdown .item-type h3{
    float: left;
}

.dropdown .item-type span{
    float: right;
    font-family:SimSun;
    font-weight: bold;
}

.navitems{
    float: left;
    height: 44px;
}
.navitems li{
    float: left;
}

.navitems li a{
    display: block;
    color: #333;
    font-size: 14px;
    padding: 0 20px;
}
.navitems li a:hover{
    color: #b61d1d;
}
.navitems li a.new{
    background: url("../images/new.jpg") no-repeat top right;
}

.bike{
    width: 140px;
    height: 40px;
    float: right;
    background: url("../images/bike.jpg");
}


/*底部footer*/
.jd-footer{
    background-color: #f5f5f5;
    position: relative;
}


.jd-footer .slogen{
    height: 54px;
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.slogen .item{
    width: 304px;
    position: absolute;
    left: 50%;
}

.slogen .slogen1{
    margin-left: -608px;
}

.slogen .slogen2{
    margin-left: -304px;
}

.slogen .slogen3{
    margin-left: 2px;
}

.slogen .slogen4{
    margin-left: 304px;
}

.service{
    font-family: 'Arial', "Microsoft YaHei UI";
}

.service .w{
    padding: 20px 0;
}

.service dl{
    width:198px;
    float: left;
}

.service dt{
    height:28px;
    font-size: 14px;
    font-weight: bold;
}

.service dd{
    line-height:20px;
}

.service .coverage{
    float: right;
    width: 200px;
    height: 150px;
    position: relative;
    background: url("../images/ico_footer.png") 0 0px no-repeat;
}

.service .coverage dt{
    text-align: center;
}

.service .coverage dd{
    text-indent: 2em;
}

.service .coverage a{
    position: absolute;
    right: 0;
}
.service .coverage span{
    font:400 13px/13px simsun;
}

.jd-footer .mod_copyright{
    border-top:1px solid #e5e5e5;
    padding: 20px 0 30px 0;
    text-align: center;
}

.jd-footer .links{
    height: 25px;
}

.jd-footer .links span{
    margin: 0 8px;
    color: #cccccc;
}

.jd-footer .copyright{
    line-height:25px;
    color: #999;
}

.mod_copyright_auth{
    margin-top: 10px;
}












